import React, { Component } from 'react';
import '../../styles/my/SwiperBox.scss'

import { Carousel } from 'antd';
import pic1 from '../../assets/my-swiper-01.png';
import pic2 from '../../assets/my-swiper-02.png';

const contentStyle = {
    height: '118px',
    color: '#fff',
    lineHeight: '118px',
    textAlign: 'center',
    background: '#364d79',
    borderRadius: '10px',
    overflow: 'hidden',
};
const MySwiperStyle={
    margin: '10px'
}

class MySwiper extends Component {
    render() {
        return (
            <div className='MySwiper' style={MySwiperStyle}>
                {/* 轮播图组件 */}
                <Carousel autoplay>
                    <div className='imhBox'>
                        <img style={contentStyle} src={pic1} alt="" />
                    </div>
                    <div className='imhBox'>
                        <img style={contentStyle} src={pic2} alt="" />
                    </div>
                </Carousel>
            </div>
        );
    }
}

export default MySwiper;